<!doctype html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>实名验证</title>
	<link rel="stylesheet" type="text/css" th:href="@{user_center/css/identify.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{user_center/css/layout.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{user_center/css/account.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{user_center/css/style.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{user_center/css/control_index.css}" />
	<script type="text/javascript" th:src="@{user_center/js/jquery-1.7.2.min.js}"></script>
	<script type="text/javascript" th:src="@{user_center/js/layer/layer.js}"></script>
	<script type="text/javascript" th:src="@{user_center/js/haidao.offcial.general.js}"></script>
	<script type="text/javascript" th:src="@{user_center/js/select.js}"></script>
	<script type="text/javascript" th:src="@{user_center/js/haidao.validate.js}"></script>
</head>

	<body>

	<div th:replace="common/common::#lefttop"></div>


		<div class="topbar-info">
			<ul class="fr">

				<li class="fl topbar-info-item">
					<div class="dropdown">
						<a href="#" class="topbar-btn">
							<span class="fl text-normal">小朱</span>
							<span class="icon-arrow-down"></span>
						</a>
						<ul class="dropdown-menu">
							<li><a th:href="@{/login}">退出</a></li>
						</ul>
					</div>
				</li>
			</ul>
		</div>
	</div>


	<div id="left" class="view-body">


		<div th:replace="common/common::#left"></div>


	</div>
		<div class="view-body">
			<div class="view-sidebar">
			</div>
			<div class="view-product">
				<div class="indentify clearfix">
					<div class="manage-head">
						<h6 class="padding-left manage-head-con text-sub">认证类型</h6>
					</div>
					<div class="indentify-class padding-lr clearfix">
						<p class="margin-big-tb text-sub text-default">
							请选择认证类型，个人认证后续可升级为企业认证，企业认证一旦认证成功，无法变更为个人认证
						</p>
						<ul class="class-content clearfix">
							<li class="fl margin-large-35">
							<a class="class-detail fl " href="#">
							<div class="class-detail-top">
								<div class="text-center indentify-icon">
									<img th:src="@{user_center/images/identify_personal.png}">
								</div>
								<h3 class="text-center">实名认证</h3>
								<p class="margin-tb padding-bottom text-justify info">
									用于个人实名认证，认证通过可获得完整用户权限
								</p>
								<ul class="class-detail-has margin-top text-lh-big">
									<li>
									<span class="text-black-gray">姓名</span>
									<span class="fr text-gray-white">张三</span>
									</li>
									<li>
									<span class="text-black-gray">性别</span>
									<span class="fr text-gray-white">男</span>
									</li>
									<li>
									<span class="text-black-gray">手机号</span>
									<span class="fr text-gray-white">1234567890</span>
									</li>
									<li>
										<span class="text-black-gray">类别</span>
										<span class="fr text-gray-white">普通用户</span>
									</li>
								</ul>
							</div>
							<p class="continue text-big">
								选择并继续使用
							</p>
							</a>
							</li>
							<li class="fl margin-large-35">
							<a class="class-detail fl " href="#">
							<div class="class-detail-top">
								<div class="text-center indentify-icon">
									<img th:src="@{user_center/images/identify_enterprise.png}">
								</div>
								<h3 class="text-center">企业认证</h3>
								<p class="margin-tb padding-bottom text-justify info">
									用于厨师认证，认证通过可获得厨师权限
								</p>
								<ul class="class-detail-has margin-top text-lh-big">
									<li>
										<span class="text-black-gray">姓名</span>
										<span class="fr text-gray-white">张三</span>
									</li>
									<li>
										<span class="text-black-gray">性别</span>
										<span class="fr text-gray-white">男</span>
									</li>
									<li>
										<span class="text-black-gray">手机号</span>
										<span class="fr text-gray-white">1234567890</span>
									</li>
									<li>
										<span class="text-black-gray">类别</span>
										<span class="fr text-gray-white">厨师</span>
									</li>
								</ul>
							</div>
							<p class="continue text-big">
								选择并继续使用
							</p>
							</a>
							</li>
							<li class="fl ">
							<a class="class-detail fl disabled" href="#">
							<div class="class-detail-top">
								<div class="text-center indentify-icon">
									<img th:src="@{user_center/images/identify_developer.png}">
								</div>
								<h3 class="text-center">服务商认证</h3>
								<p class="margin-tb padding-bottom text-justify info">
									服务商认证需先通过个人或企业认证，认证服务商可以入驻云市场，通过某某云市场销售获得报酬
								</p>
								<ul class="class-detail-has margin-top text-lh-big">
									<li>
									<span class="text-black-gray">服务商认证勋章</span>
									<span class="fr text-gray-white">有</span>
									</li>
									<li>
									<span class="text-black-gray">云市场插件销售</span>
									<span class="fr text-gray-white">有</span>
									</li>
									<li>
									<span class="text-black-gray">云市场模板销售</span>
									<span class="fr text-gray-white">有</span>
									</li>
									<li>
									<span class="text-black-gray">云市场模块销售</span>
									<span class="fr text-gray-white">有</span>
									</li>
								</ul>
							</div>
							<p class="continue text-big">
								即将推出
							</p>
							</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<script>
			$(".sidebar-title").live('click', function() {
				if ($(this).parent(".sidebar-nav").hasClass("sidebar-nav-fold")) {
					$(this).next().slideDown(200);
					$(this).parent(".sidebar-nav").removeClass("sidebar-nav-fold");
				} else {
					$(this).next().slideUp(200);
					$(this).parent(".sidebar-nav").addClass("sidebar-nav-fold");
				}
			});
		</script>
	</body>

</html>
